import { Layout } from 'antd';
import {Outlet} from 'react-router-dom'
import Headercom from '../components/Header';
import Leftmenu from '../components/Leftmenu';
const { Header, Sider, Content } = Layout;
const headerStyle = {
  height: 64,
  paddingInline: 50,
  lineHeight: '64px',
  backgroundColor: '#eee',
};
const contentStyle = {
  minHeight: 120,
  lineHeight: '120px',
  backgroundColor: '#fff',
};
const siderStyle = {
  lineHeight: '120px',
  backgroundColor: '#3ba0e9',
};
const Home =()=> {
  return (
    <Layout>
    <Sider style={siderStyle}>
      {/* 左侧菜单 */}
      <Leftmenu/>
    </Sider>
    <Layout>
      <Header style={headerStyle}>
        {/* 头部内容 */}
        <Headercom/>
      </Header>
      <Content style={contentStyle}>
        {/* 显示子路由的内容 */}
        <Outlet/>
      </Content>
    </Layout>
  </Layout>
  );
}

export default Home;